
<ion-header >
    <ion-toolbar>
        <ion-title style="text-align: center">
            民族文化
        </ion-title>
    </ion-toolbar>
</ion-header>

<!--首页轮播区-->
<ion-content >
    <ion-slides pager="true" [options]="slideOpts">
        <ion-slide *ngFor="let c of cl">
            <img src="{{c.picurl}}" style="width: 90%;box-shadow: 2px 2px 10px 0px #ddd;border-radius: 10px;"/>
        </ion-slide>
    </ion-slides>



    <ion-card  *ngFor="let s of sl" (click)="goTosinglepageDetail(s.singlepageid)" style="text-align: center; width: 80%;margin-left: 10%">
        <ion-card-header>
            <img src="{{s.cover}}" style="height: 140px;box-shadow: 2px 2px 10px 0px #ddd;border-radius: 10px;"/>
            <ion-card-title >{{s.title}}</ion-card-title>
        </ion-card-header>

        <ion-card-content>
            {{s.describe}}
        </ion-card-content>
    </ion-card>


</ion-content>






